        <!--navbar-->
        <div class="navbar" >
            <div class="navbar-inner store-navbar-inner row">
                <div class="left previous col-10">
                    <a href="#" class="back link" onclick="history.back(-1)"><i class="f7-icons size-16">left</i></a>
                </div>
                <div class="center col-80">
                    <form class="search-form" name="search-form" action="">
                        <input class="store-search-submit" type="submit" value="">
                        <input class="store-search-input" type="text" placeholder="输入关键词">
                    </form>
                </div>
                <div class="right col-10">
                    <span class="top-menu">
                        <ul class="top-menu-list">
                            <li class="home"><a href=""><span></span>首页</a></li>
                            <li class="msg"><a href=""><span></span>消息</a></li>
                            <li class="share"><a href=""><span></span>分享</a></li>
                            <li class="report"><a href=""><span></span>举报</a></li>
                        </ul>
                    </span>
                </div>
            </div>
        </div>
        <!-- Page, data-page contains page name-->
        <div data-page="page.center.store.index" class="page no-toolbar">
            <div class="page-content store-scroll">
                <!--店铺头部-->
                <div class="store-header" style="background-image: url('app/images/store-header.jpg')">
                    <div class="store-header" style="background-image: url({{App.conf.SITE}}/{{d.shopInfo.shop_bg}});
                        background-size: 100% 100%;">
                    <div class="info">
                        <div class="avatar">
                            <img src="{{d.shopInfo.shop_pic}}" alt="">
                        </div>
                        <div class="word">
                            <p class="name">{{d.shopInfo.shop_name}}</p>
                            <p class="area"><span class="position-ico"></span>{{d.shopInfo.city_name}}</p>
                            <p class="vertify-ico"><span class="personal"></span><span class="zhifubao"></span><span
                                    class="email"></span><span class="tel"></span><span class="other"></span></p>
                        </div>
                    </div>
                    <ul class="header-bottom row">
                        <li class="col-33">
                            <p class="rate">99%</p>
                            <p>好评率</p>
                        </li>
                        <li class="col-33">
                            <p class="money">1000.00万元</p>
                            <p>近三月收入</p>
                        </li>
                        <li class="col-33">
                            <p class="deal">111笔</p>
                            <p>成交</p>
                        </li>
                    </ul>
                    <div class="focus">
                        <p>1968万</p>
                        <p>关注</p>
                    </div>
                </div>
                </div>
                <!--选项卡-->
                <div class="store-tab">
                    <div class="tab-title row no-gutter">
                        <!-- Link to 店铺首页, active -->
                        <a href="#tab-index" class="tab-link col-25 active">
                            <div class="bg-tab-index"></div>
                            <p>店铺首页 </p>
                        </a>
                        <a href="#tab-service" class="tab-link col-25">
                            <div class="bg-tab-service"></div>
                            <p>全部服务</p>
                        </a>
                        <a href="#tab-case" class="tab-link col-25">
                            <div class="bg-tab-case"></div>
                            <p>成交案例</p>
                        </a>
                        <a href="#tab-intro" class="tab-link tab-intro col-25">
                            <div class="bg-tab-intro"></div>
                            <p>店铺资料</p>
                        </a>
                    </div>
                    <div class="tabs">
                        <!-- 店铺首页, active by default -->
                        <div id="tab-index" class="tab active">
                            <div class="intro-box">
                                <!--banner-->
                                <figure id="banner-store" class="swipslider-banner-store">
                                    <ul class="sw-slides">
                                        <!--banne后台读取start-->
                                        {{#each d.shop_shopoutside.carouselPics}}
                                        <li class="sw-slide">
                                            <img src="{{url}}" alt="">
                                        </li>
                                        {{else}}
                                        <li class="sw-slide">
                                            <img src="app/images/banner1.jpg" alt="">
                                        </li>
                                        {{/each}} 
                                        <!--banne后台读取end-->
                                    </ul>
                                </figure>
                                <!--内容-->
                                <div class="index-content">
                                    <!--用户上传文字图片start-->
                                    {{#if d.shop_shopoutside.central_ad}}
                                    <img src="{{d.shop_shopoutside.central_ad}}" alt=""> 
                                    {{/if}}
                                    {{#if d.shop_shopoutside.footer_ad}}
                                    <img src="{{d.shop_shopoutside.footer_ad}}" alt=""> 
                                    {{/if}}
                                    <!--用户上传文字图片end-->
                                </div>
                            </div>
                            <!--案例-->
                            <div class="index-case">
                                <div class="case-title">
                                    <span>案例</span>
                                    <a href="">查看更多>></a>
                                </div>
                                <div class="case-content">
                                    <!--4个案例start-->
                                    {{#each d.shop_shopoutside.caseInfo}}
                                    <a href="" class="case-box" onclick="router('caseDetail',{{id}})">
                                        <img class="img" src="{{pic}}" alt="">
                                        <div class="cover-case-box">
                                            <div class="middle-content">
                                                <img src="app/images/demo-index-case.png" alt="">
                                                <p>{{title}}</p>
                                            </div>
                                            <p class="bottom-content">
                                                <span class="left"> {{title}} </span>
                                                <!--<span class="right">￥50000.00</span>-->
                                            </p>
                                        </div>
                                    </a>
                                    {{/each}} 
                                    <!--<a href="" class="case-box">-->
                                    <!--    <img class="img" src="app/images/banner1.jpg" alt="">-->
                                    <!--    <div class="cover-case-box">-->
                                    <!--        <div class="middle-content">-->
                                    <!--            <img src="app/images/demo-index-case.png" alt="">-->
                                    <!--            <p>包装设计</p>-->
                                    <!--        </div>-->
                                    <!--        <p class="bottom-content">-->
                                    <!--            <span class="left">ZINIA 包装设计</span>-->
                                    <!--            <span class="right">￥50000.00</span>-->
                                    <!--        </p>-->
                                    <!--    </div>-->
                                    <!--</a>-->
                                    <!--4个案例end-->
                                    <div class="case-more">
                                        <a href="">
                                            查看更多案例 >>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <!--服务-->
                            <div class="index-service">
                                <div class="service-title">
                                    <span>服务</span>
                                    <a href="">查看更多>></a>
                                </div>
                                <div class="service-content row">
                                    <!--6个服务start-->
                                    {{#each d.shop_shopoutside.goodsInfo}}
                                    <a href="" class="service-box service-col-50 col-50" onclick="router('serviceDetail',{{id}})">
                                        <img src="{{cover}}" alt="">
                                        <p class="intro">【{{name}}】{{title}}</p>
                                        <p class="price">￥{{cash}}</p>
                                    </a> 
                                    {{/each}} 
                                    
                                    <!--<a href="" class="service-box service-col-50 col-50">-->
                                    <!--    <img src="app/images/banner1.jpg" alt="">-->
                                    <!--    <p class="intro">餐饮类品牌包装设计企业服务</p>-->
                                    <!--    <p class="price">￥10000.00</p>-->
                                    <!--</a> -->
                                    <!--6个服务end-->
                                    <div class="service-more">
                                        <a href="">
                                            查看更多服务 >>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 全部服务 -->
                        <div id="tab-service" class="tab">

                            {{#each d.shop_shopoutside.goodsInfo}}
                                <a href="" class="tab-content row no-gutter"  onclick="router('serviceDetail',{{id}})">
                                    <div class="img col-25">
                                        <img src="{{cover}}" alt="">
                                    </div>
                                    <div class="info col-75">
                                        <p class="title">【{{name}}】{{title}}</p>
                                        <p class="row">
                                            <span class="price col-50">￥{{cash}}</span>
                                            <span class="deal col-50">成交量200</span>
                                        </p>
                                    </div>
                                </a> 
                            {{/each}} 
                                    
                            
                            <!--<a href="" class="tab-content row no-gutter">-->
                            <!--    <div class="img col-25">-->
                            <!--        <img src="" alt="">-->
                            <!--    </div>-->
                            <!--    <div class="info col-75">-->
                            <!--        <p class="title">【LOGO设计】公司企业公司企业品牌形象标志设计</p>-->
                            <!--        <p class="row">-->
                            <!--            <span class="price col-50">￥10000.00</span>-->
                            <!--            <span class="deal col-50">成交量200</span>-->
                            <!--        </p>-->
                            <!--    </div>-->
                            <!--</a>-->
                             
                        </div>
                        <!-- 成交案例 -->
                        <div id="tab-case" class="tab">
                            <div class="index-case">
                                <div class="case-content">
                                    <!--8个案例start-->
                                    {{#each d.shop_shopoutside.caseInfo}}
                                    <a href="" class="case-box" onclick="router('caseDetail',{{id}})">
                                        <img class="img" src="{{pic}}" alt="">
                                        <div class="cover-case-box">
                                            <div class="middle-content">
                                                <img src="app/images/demo-index-case.png" alt="">
                                                <p>{{title}}</p>
                                            </div>
                                            <p class="bottom-content">
                                                <span class="left"> {{title}} </span>
                                                <!--<span class="right">￥50000.00</span>-->
                                            </p>
                                        </div>
                                    </a>
                                    {{/each}} 
                                    <!--<a href="" class="case-box">-->
                                    <!--    <img class="img" src="app/images/banner1.jpg" alt="">-->
                                    <!--    <div class="cover-case-box">-->
                                    <!--        <div class="middle-content">-->
                                    <!--            <img src="app/images/demo-index-case.png" alt="">-->
                                    <!--            <p>包装设计</p>-->
                                    <!--        </div>-->
                                    <!--        <p class="bottom-content">-->
                                    <!--            <span class="left">ZINIA 包装设计</span>-->
                                    <!--            <span class="right">￥50000.00</span>-->
                                    <!--        </p>-->
                                    <!--    </div>-->
                                    <!--</a>-->
                                    <!--8个案例end-->
                                </div>
                            </div>
                        </div>
                        <!-- 店铺资料 -->
                        <div id="tab-intro" class="tab">
                            <!--诚信保证金-->
                            <a class="credit-bar row">
                                <div class="info col-90">
                                    <p>已缴纳诚信保证金12000.00元，交易出问题先行赔付</p>
                                    <p class="ensure"><span>保证完成</span><span>保证质量</span><span>保证维护</span><span>保证源码</span></p>
                                </div>
                                <div class="arrow col-10">
                                    <span></span>
                                </div>
                            </a>
                            <div class="evaluation-title">
                                <span class="label">评价</span><span class="number">(226条评价)</span>
                                <a href="">查看更多>></a>
                            </div>
                            <div class="evaluation-circle row">
                                <div class="col col-33">
                                    <p class="col-title">完成质量</p>
                                    <span class="data1" style="display: none;">4.96</span>
                                    <canvas id="canvas1" width="80" height="80"></canvas>
                                    <p class="compare">低于同行</p>
                                    <p class="percentage">0.26%</p>
                                </div>
                                <div class="col col-33">
                                    <p class="col-title">完成质量</p>
                                    <span class="data2" style="display: none;">3.58</span>
                                    <canvas id="canvas2" width="80" height="80"></canvas>
                                    <p class="compare">低于同行</p>
                                    <p class="percentage">0.26%</p>
                                </div>
                                <div class="col col-33">
                                    <p class="col-title">完成质量</p>
                                    <span class="data3" style="display: none;">2.5</span>
                                    <canvas id="canvas3" width="80" height="80"></canvas>
                                    <p class="compare">低于同行</p>
                                    <p class="percentage">0.26%</p>
                                </div>
                            </div>
                            <div class="evaluation-content">
                                <ul class="label-ul">
                                    <li>专业水平高</li>
                                    <li>有创意</li>
                                    <li>严谨认真</li>
                                    <li>有创意</li>
                                    <li>严谨认真</li>
                                    <li>有创意</li>
                                    <li>有创意</li>
                                </ul>
                                <ul class="evaluation-ul">
                                    <li>
                                        <p class="row">
                                            <span class="name col-60">临江仙</span>
                                            <span class="rate col-40">好评：<span class="star star5"></span></span>
                                        </p>
                                        <p class="content">
                                            有创意有创意有创意有创意有创意有创意有创意有创意有创意有创意有创意有创意有创意
                                        </p>
                                    </li>
                                    <li>
                                        <p class="row">
                                            <span class="name col-60">临江仙</span>
                                            <span class="rate col-40">好评：<span class="star star4"></span></span>
                                        </p>
                                        <p class="content">
                                            有创意有创意有创意有创意有创意有创意有创意有创意有创意有创意有创意有创意有创意
                                        </p>
                                    </li>
                                    <li>
                                        <p class="row">
                                            <span class="name col-60">临江仙</span>
                                            <span class="rate col-40">好评：<span class="star star3"></span></span>
                                        </p>
                                        <p class="content">
                                            有创意有创意有创意有创意有创意有创意有创意有创意有创意有创意有创意有创意有创意
                                        </p>
                                    </li>
                                </ul>
                                <a class="more-evaluation" href="">查看更多评价 >></a>
                            </div>
                            <!--店铺介绍-->
                            <div class="presentation-title">
                                <span class="label">店铺介绍</span>
                            </div>
                            <div class="presentation-content">
                                <p>品牌设计设品牌设计设品牌设计设品牌设计设品牌设计设品牌设计设品牌设计设品牌设计设品牌
                                    设计设品牌设计设品牌设计设品牌品牌设计设品牌设计设品牌设计设品牌设计设品牌设计设品牌
                                    设计设品牌设计设品牌设计设品牌设计设品牌设计设品牌设计设品牌</p>
                            </div>
                            <!--企业位置-->
                            <div class="position-title">
                                <span class="label">企业位置</span>
                            </div>
                            <!--百度地图x坐标-->
                            <span id="point-x" style="display: none;">120.421833</span>
                            <!--百度地图y坐标-->
                            <span id="point-y" style="display: none;">36.093547</span>
                            <!--百度地图显示的公司名称-->
                            <span id="company-name" style="display: none">公司名称</span>
                            <!--加载百度地图-->
                            <div class="position-map" id="dituContent"></div>

                            <!--技能标签-->
                            <div class="skills-title">
                                <span class="label">技能标签</span>
                            </div>
                            <div class="skills-content">
                                <ul>
                                    <li>品牌设计</li>
                                    <li>品牌设计321</li>
                                    <li>品牌设计3</li>
                                    <li>品牌设计</li>
                                    <li>品牌设计21e</li>
                                    <li>品牌设计</li>
                                    <li>品牌设计321</li>
                                    <li>品牌设计3</li>
                                    <li>品牌设计21e</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="store-toolbar tabbar tabbar-labels">
                <div class="toolbar-inner">
                    <a href="" class="tab-link focus-store">
                        <i class="icon focus-icon"></i>
                        <span class="tabbar-label">关注店铺</span>
                    </a>
                    <a href="" class="tab-link consult-online">
                        <i class="icon consult-icon"></i>
                        <span class="tabbar-label">在线咨询</span>
                    </a>
                    <a href="" class="tab-link contact-him">
                        <i class="icon contact-icon"></i>
                        <span class="tabbar-label">联系TA</span>
                    </a>
                    <a href="" class="tab-link hire-him">
                        <i class="icon hire-icon"></i>
                        <span class="tabbar-label">雇佣TA</span>
                    </a>
                </div>
            </div>

        </div>